<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>音乐网</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/footer.css">

</head>
<body>
    <header class="container navbar-fixed-top">
    <nav class="navbar navbar-default m_bg">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <!-- <span class="sr-only">Toggle navigation</span> -->
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a href="" class="navbar-brand ">
             <img class="m_logo" src="./images/logo.png" alt="">
            <h3>-  音乐</h3>
            </a>
          </div>
      
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
              <li><a class="m_acor" href="#">首页</a></li>
              <li><a href="./mymusic.html">我的音乐</a></li>

              <li><a href="./vip.html">VIP</a></li>

              <li class="m_searchh"><a href="#"><i class="glyphicon glyphicon-search"></i></a>
                <div class="m_box_search">
                    <input type="text" placeholder=" 李白">
                </div>
            </li>

              <li class="m_code"><a href="#">登陆 | 注册</a>
                <div class="m_qcode">
                    <p>扫一扫登陆M-音乐</p>
                    <img src="./images/code.png" alt="">
                </div>
            </li>
                
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <div class="container m_banner">
        <!-- <div class="m_gradients"> -->
             <div class="m_banner_text">
                <h3 >音乐,不将就</h3>
                <p >Music , not to do witdh it</p>
             </div>
        <!-- </div> -->
        <h2>歌单推荐</h2>
        <p><font>为你推荐</font> <span><a href="./singer.html">歌手</a></span> <span><a href="./disc.html">新碟</a></span> <span> <a href="./rank1.html">排行榜</a></span>  
            <span><a href="./classify.html">分类</a>  </span><span><a href="./radio.html">电台</a></span> <span> <a href="./mv.html">MV</a></span></p>
        <div class="m_position">
             <div class="container m_list">
                <ul class="row m_tuijian ">
                    <li class=" m_1 col-lg-3 col-md-3 col-sm-3 col-xs-3">
                        <i class="m_play glyphicon glyphicon-play-circle"></i>
                        <div class="m_tj_mask"><span>你不必逞强,...<p>念安娜</p></span> </div>
                        <img src="./images/j.fla.jpg" alt=""></li>
                    <li class=" m_2 col-lg-3 col-md-3 col-sm-3 col-xs-3">
                        <i class="m_play glyphicon glyphicon-play-circle"></i>
                        <div class="m_tj_mask2"><span>重回学生时代...<p>小白</p></span> </div>
                        <img src="./images/tuijian2.jpg" alt=""></li>
                    <li class=" m_3 col-lg-3 col-md-3 col-sm-3 col-xs-3">
                        <i class="m_play glyphicon glyphicon-play-circle"></i>
                        <div class="m_tj_mask3"><span>韩国综艺王刘...<p>飞飞胖</p></span> </div>
                        <img src="./images/jiangjiang.jpg" alt=""></li>
                    <li class=" m_4 col-lg-3 col-md-3 col-sm-3 col-xs-3">
                        <i class="m_play glyphicon glyphicon-play-circle"></i>
                        <div class="m_tj_mask4"><span>电影美人...<p>蝶影从虫</p></span> </div>
                        <img src="./images/tuijian4.jpg" alt=""></li>
       

                </ul>
             </div>
         </div>
    </div>
    <div class="container m_dj">
       <div class="m_row clearfix">
           <h2 class="pull-left">电台</h2>
           <h3 class="pull-right">更多</h3>
       </div>
        <ul class="row m_margin">
            <li class="clearfix col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <div class="m_sm_mask">
                    <img class="m_sm_scale "src="./images/d1.jpg" alt="">

                    </div>
                </div>
                <div class="box">
                    <span>关于她</span>
                    <p>  Matzka玛斯卡 / Jony J</p>
                </div>
                <font>03:16</font>
                </li>
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/d3.jpg" alt="">
                </div>
                <div class="box">
                    <span>地球仪</span>
                <p>五条人</p>
                </div>    
                <font>07:46</font>
            </li>
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/d2.jpg" alt="">
                </div>
                <div class="box">
                    <span>なだめスかし Negotiation</span>
                 <p>鹿乃 (かの)</p>
                </div>    
                <font>04:06</font>
            </li>
           
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/d7.jpg" alt="">
                </div>
                <div class="box">
                    <span>破 Breaking feat. 谢雨纯</span>
                <p>
                    CORSAK胡梦周 / 谢</p>
                </div>
                <font>08:22</font>
            </li>
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/dj3.jpg" alt="">
                </div>
                <div class="box">
                    <span>冷战</span>
                <p>
                    简弘亦</p>
                </div>
                <font>01:31</font>
            </li>
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/list1.jpg" alt="">
                </div>
                <div class="box">
                    <span>my future</span>
                <p>
                    Billie Eilish</p>
                </div>
                <font>07:36</font>
            </li>
           
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/bg.jpg" alt="">
                </div>
                <div class="box">
                    <span>离人花《离人心上》网剧主题曲</span>
                <p>苏醒AllenSu / 叶炫清</p>
                </div>
                <font>01:14</font>
            </li>
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/d4.jpg" alt="">
                </div>
                <div class="box">
                    <span>离人花《离人心上》网剧主题曲</span>
                <p>苏醒AllenSu / 叶炫清</p>
                </div>
                <font>01:14</font>
            </li>
            
            <li class="clearfix col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/d1.jpg" alt="">
                </div>
                <div class="box">
                    <span>第二顺位</span>
                <p>潘玮柏</p>
                </div>
                <font>08:25</font>
            </li>
          
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/dj7.jpg" alt="">
                </div>
                
                <div class="box">
                    <span>Dreamed a Dream</span>
                <p>滨崎步 (浜崎あゆみ)</p>
                </div>
                <font>02:23</font>
            </li>
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/d3.jpg" alt="">
                </div>
                
                <div class="box">
                    <span>Dreamed a Dream</span>
                <p>滨崎步 (浜崎あゆみ)</p>
                </div>
                <font>02:23</font>
            </li>
            <li class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                <div class="m_dj_img">
                    <div class="m_dj_mask"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                    <img src="./images/d5.jpg" alt="">
                </div>
                
                <div class="box">
                    <span>Dreamed a Dream</span>
                <p>滨崎步 (浜崎あゆみ)</p>
                </div>
                <font>02:23</font>
            </li>
          
        </ul>
    </div>
    <div class="container m_siger">
        <div class="m_row clearfix">
            <h2 class="pull-left">歌手</h2>
            <h3 class="pull-right">更多</h3>
        </div>
        <div class="container m_mx">
            <div class="m_silder">
                <div class="move m_m1">
                    <div class="m_move_mask"><span>林俊杰（JJ Lin）<p>两届台湾金曲奖最佳国语男歌手奖 </p></span> </div>
                     <img class="m_gs_img" src="./images/singer1.jpg" alt="">
                 </div>
                 <div class="move m_m2">
                    <div class="m_move_mask2"><span>周杰伦（Jay Chou）<p>四届世界音乐大奖最畅销中华区艺人 </p></span> </div>
                    <img class="m_gs_img" src="./images/singer2.jpg" alt="">
                </div>
                <div class="move m_m3">
                    <div class="m_move_mask3"><span>张杰（Jason Zhang）<p> 蝉联五届东方风云榜最佳男歌手</p></span> </div>
                    <img class="m_gs_img" src="./images/singer5.jpg" alt="">
                </div>
                <div class="move m_m4">
                    <div class="m_move_mask4"><span>林俊杰<p>念安娜</p></span> </div>
                    <img class="m_gs_img" src="./images/singer4.jpg" alt="">
                </div>
                <div class="move m_m5">
                    <div class="m_move_mask5"><span>林俊杰<p>念安娜</p></span> </div>
                    <img class="m_gs_img" src="./images/singer3.jpg" alt="">
                </div>
                <div class="move m_m6">
                    <div class="m_move_mask6"><span>林俊杰<p>念安娜</p></span> </div>
                    <img class="m_gs_img" src="./images/rq44.jpg" alt="">
                </div>
                <div class="move m_m1">
                    <div class="m_move_mask"><span>林俊杰（JJ Lin）<p>两届台湾金曲奖最佳国语男歌手奖 </p></span> </div>
                     <img class="m_gs_img" src="./images/rq55.jpg" alt="">
                 </div>
                 <div class="move m_m2">
                    <div class="m_move_mask2"><span>周杰伦（Jay Chou）<p>四届世界音乐大奖最畅销中华区艺人 </p></span> </div>
                    <img class="m_gs_img" src="./images/rq33.jpg" alt="">
                </div>
                <div class="move m_m3">
                    <div class="m_move_mask3"><span>张杰（Jason Zhang）<p> 蝉联五届东方风云榜最佳男歌手</p></span> </div>
                    <img class="m_gs_img" src="./images/rq2.jpg" alt="">
                </div>
                <div class="move m_m1">
                    <div class="m_move_mask"><span>林俊杰（JJ Lin）<p>两届台湾金曲奖最佳国语男歌手奖 </p></span> </div>
                     <img class="m_gs_img" src="./images/singer1.jpg" alt="">
                 </div>
                 <div class="move m_m2">
                    <div class="m_move_mask2"><span>周杰伦（Jay Chou）<p>四届世界音乐大奖最畅销中华区艺人 </p></span> </div>
                    <img class="m_gs_img" src="./images/singer2.jpg" alt="">
                </div>
                <div class="move m_m3">
                    <div class="m_move_mask3"><span>张杰（Jason Zhang）<p> 蝉联五届东方风云榜最佳男歌手</p></span> </div>
                    <img class="m_gs_img" src="./images/singer5.jpg" alt="">
                </div>
            </div>
             <i class=" m_i_left glyphicon glyphicon-menu-left"></i>
            <i class=" m_i_right glyphicon glyphicon-menu-right"></i>
        </div>
        <div class="container m_mv">
            <div class="m_row clearfix">
                <h2 class="pull-left">MV</h2>
                <h3 class="pull-right">更多</h3>
            </div>
            <ul class="row m_mv_img">
                <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="m_dj_img2">
                        <div class="m_dj_mask2"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                        <img src="./images/mv.jpg" alt=""> 

                    </div>
                    <p>What a life - The 1st Mini Album
                        EXO-SC<br>
                       <font>
                        王源<br>
                        <i class="glyphicon glyphicon-facetime-video"></i>  47.9万
                       </font></p></li>
                <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="m_dj_img2">
                        <div class="m_dj_mask2"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                        <img src="./images/mv2.jpg" alt="">

                    </div>
                    <p>陈情令 国风MV<br>
                       <font>
                        华语群星<br>
                        <i class="glyphicon glyphicon-facetime-video"></i>  47.9万
                       </font></p></li>
                <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="m_dj_img2">
                        <div class="m_dj_mask2"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                        <img src="./images/mv3.jpg" alt="">

                    </div>
                    <p>City Lights - The 1st Mini<br>
                       <font>
                        伯贤 (백현)<br>
                        <i class="glyphicon glyphicon-facetime-video"></i>  47.9万
                       </font></p></li>
                <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="m_dj_img2">
                        <div class="m_dj_mask2"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                        <img src="./images/mv4.jpg" alt="">

                    </div>
                    <p>True Colors<br>
                       <font>
                        유노윤호 (U-KNOW)<br>
                        <i class="glyphicon glyphicon-facetime-video"></i>  47.9万
                       </font></p></li>
                <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="m_dj_img2">
                        <div class="m_dj_mask2"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                        <img src="./images/mv5.jpg" alt="">

                    </div>
                    <p>就要掷地有声的炸裂<br>
                       <font>
                        R1SE<br>
                        <i class="glyphicon glyphicon-facetime-video"></i>  47.9万
                       </font></p></li>
                <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="m_dj_img2">
                        <div class="m_dj_mask2"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                        <img src="./images/mv6.jpg" alt="">

                    </div>
                    <p>四百击<br>
                       <font>
                        王源<br>
                        <i class="glyphicon glyphicon-facetime-video"></i>  47.9万
                       </font></p></li>
                <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="m_dj_img2">
                        <div class="m_dj_mask2"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                        <img src="./images/mv7.jpg" alt="">

                    </div>
                    <p>YOUNG<br>
                       <font>
                        蔡徐坤<br>
                        <i class="glyphicon glyphicon-facetime-video"></i>  47.9万
                       </font></p></li>
                <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="m_dj_img2">
                        <div class="m_dj_mask2"><i class="m_play2 glyphicon glyphicon-play-circle"></i></div>
                        <img src="./images/mv8.jpg" alt="">

                    </div>
                    <p>π-volume.1<br>
                       <font>
                        鹿晗<br>
                        <i class="glyphicon glyphicon-facetime-video"></i>  47.9万
                       </font></p></li>
            </ul>
        </div>
    </div>
    
    <div class="container">
        <div class="m_row clearfix">
            <h2 class="pull-left">排行榜</h2>
            <h3 class="pull-right">更多</h3>
        </div>
        <ul class="row m_bang">
            <li class="m_rela col-lg-3 col-md-3 col-sm-4 col-xs-6"><h3>热歌榜</h3>
                <div class="m_biu">
                    <!-- <div class="m_biu_mask">asgfdgfdsgsdfgfdg</div> -->
                    <img  class="m_biu_img" src="./images/mv6.jpg" alt=""></div>
                <p class="clearfix"><img src="./images/number1.png" alt="">
                    <span>旧梦一场<br><font>李白</font></span></p>
                <p class="clearfix"><img src="./images/number2.png" alt="">
                    <span>第二顺位<br><font>潘玮柏</font></span></p>
                <p class="clearfix"><img src="./images/number3.png" alt="">
                    <span>麻雀<br><font>李荣浩</font></span></p>

                <p class="clearfix"><i class="pull-left m_nub">4.</i>
                    <span  class="pull-left">催泪情书<br><font>倪尔萍</font></span></p>
                <p class="clearfix"><i class="pull-left m_nub">5.</i>
                    <span  class="pull-left">谪仙（DJ版）<br><font>沐泽&泽豪</font></span></p>
                <p class="clearfix"><i class="pull-left m_nub">6.</i>
                    <span  class="pull-left">惊雷<br><font>浩然吖</font></span></p>
            </li>
            <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><h3>飙升榜</h3>
                <div class="m_biu"><img  class="m_biu_img" src="./images/mv2.jpg" alt=""></div>
                <p class="clearfix"><img src="./images/number1.png" alt="">
                    <span>黍离<br><font>李玉刚</font></span></p>
                <p class="clearfix"><img src="./images/number2.png" alt="">
                    <span>无滤镜 (feat. 藤原浩)<br><font>林俊杰&藤原ヒロシ</font></span></p>
                <p class="clearfix"><img src="./images/number3.png" alt="">
                    <span>为情所伤<br><font>庄心妍</font></span></p>

                    <p class="clearfix"><i class="pull-left m_nub">4.</i>
                        <span  class="pull-left">今夜我无法去入睡<br><font>倪红</font></span></p>
                    <p class="clearfix"><i class="pull-left m_nub">5.</i>
                        <span  class="pull-left">cardigan(cabin in candlelight version)<br><font>李白</font></span></p>
                    <p class="clearfix"><i class="pull-left m_nub">6.</i>
                        <span  class="pull-left">旧梦一场<br><font>李白</font></span></p>
            </li>
            <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><h3>新歌榜</h3>
                <div class="m_biu"><img  class="m_biu_img" src="./images/mv5.jpg" alt=""></div>
                <p class="clearfix"><img src="./images/number1.png" alt="">
                    <span>Easy<br><font>Troye Sivan</font></span></p>
                <p class="clearfix"><img src="./images/number2.png" alt="">
                    <span>Savage Love (Laxed - Siren Beat)<br><font>Jawsh 685&Jason Derulo</font></span></p>
                <p class="clearfix"><img src="./images/number3.png" alt="">
                    <span>Nobody’s Love<br><font>Maroon 5</font></span></p>

                    <p class="clearfix"><i class="pull-left m_nub">4.</i>
                        <span  class="pull-left">催泪情书<br><font>倪尔萍</font></span></p>
                    <p class="clearfix"><i class="pull-left m_nub">5.</i>
                        <span  class="pull-left">旧梦一场<br><font>李白</font></span></p>
                    <p class="clearfix"><i class="pull-left m_nub">6.</i>
                        <span  class="pull-left">惊雷<br><font>浩然吖

                        </font></span></p>
            </li>
            <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><h3>欧美榜</h3>
                <div class="m_biu">
                    <img  class="m_biu_img" src="./images/mv8.jpg" alt=""></div>
                <p class="clearfix"><img src="./images/number1.png" alt="">
                    <span>Easy<br><font>Troye Sivan</font></span></p>
                <p class="clearfix"><img src="./images/number2.png" alt="">
                    <span>Nobody’s Love<br><font>Maroon 5</font></span></p>
                <p class="clearfix"><img src="./images/number3.png" alt="">
                    <span>旧梦一场<br><font>李白</font></span></p>

                    <p class="clearfix"><i class="pull-left m_nub">4.</i>
                        <span  class="pull-left">Savage Love (Laxed - Siren Beat)<br><font>Jawsh 685&Jason Derulo</font></span></p>
                    <p class="clearfix"><i class="pull-left m_nub">5.</i>
                        <span  class="pull-left"> 为情所伤<br><font>庄心妍</font></span></p>
                    <p class="clearfix"><i class="pull-left m_nub">6.</i>
                        <span  class="pull-left">谪仙（DJ版）<br><font>沐泽&泽豪</font></span></p>
            </li>
        </ul>
    </div>
    <div class="container">
        <div class="m_row clearfix">
            <h2 class="pull-left">精选活动</h2>
            <h3 class="pull-right">更多</h3>
        </div>
        <ul class="row m_hd">
            <li class="col-lg-6 col-md-6 col-sm-12 col-xs-12"><img src="./images/hd.jpg" alt=""></li>
            <li class="col-lg-6 col-md-6 col-sm-12 col-xs-12"><img src="./images/hd2.jpg" alt=""></li>

        </ul>

    </div>
    <div class="container">
        <div class="m_row clearfix">
            <h2 class="pull-left">本周人气王</h2>
            <h3 class="pull-right">更多</h3>
        </div>
        <ul class="row m_hd m_booo">
            <li class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
                <img class="m_si" src="./images/rq1.jpg" alt="">
                <div class="m_bo_mak">
                    <img class="m_si" src="./images/rq11.jpg" alt="">
                </div>
            </li>
            <li class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
                <img  class="m_si"  src="./images/rq4.jpg" alt="">
                <div class="m_bo_mak">
                    <img class="m_si" src="./images/rq22.jpg" alt="">
                </div>
            </li>
            <li class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
                <img  class="m_si"  src="./images/rq2.jpg" alt="">
                <div class="m_bo_mak">
                    <img class="m_si" src="./images/rq33.jpg" alt="">
                </div>
            </li>
            <li class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
            <img  class="m_si"  src="./images/rq5.jpg" alt="">
            <div class="m_bo_mak">
                <img class="m_si" src="./images/rq44.jpg" alt="">
            </div>
        </li>    
            <li class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
                <img  class="m_si"  src="./images/rq3.jpg" alt="">
                <div class="m_bo_mak">
                    <img class="m_si" src="./images/rq55.jpg" alt="">
                </div>
            </li>
            <li class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
                <img  class="m_si"  src="./images/rq6.jpg" alt="">
                <div class="m_bo_mak">
                    <img class="m_si" src="./images/rq66.jpg" alt="">
                </div>
            </li>

        </ul>
        
    </div>
    <div class="container m_lyric m_lg_box">
            <div class="row m_center">
                <div class="m_geci clearfix">
                    <img class="pull-left" src="./images/d3.jpg" alt="">
                    <div class="m_b_slider pull-left">
                        <p>爸爸妈妈 - 李荣浩        <font>03:14</font></p>
                        <div class="progress m_meter">
                            <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                              <span class="sr-only">60% Complete</span>
                            </div>
                          </div>
                    </div>
                    <div class="m_paygroup pull-left">
                        <i class="m_b_play glyphicon glyphicon-step-backward"></i>
                        <i class="m_b_play m_ssx glyphicon glyphicon-play"></i>
                        <i class="m_b_play  glyphicon glyphicon-step-forward"></i>
                    </div>
                    <span class="glyphicon glyphicon-heart-empty"></span>
                    <span class=" glyphicon glyphicon-download-alt"></span>
                    <span class="glyphicon glyphicon-comment"></span>
                    <span class=" glyphicon glyphicon-refresh"></span>
                    <span class="glyphicon glyphicon-menu-hamburger"></span>
                    <span class="m_gao"> &nbsp;高品质<i class="glyphicon glyphicon-menu-down"></i></span>
                    <span class="glyphicon glyphicon-volume-up"></span>
        
                </div>
            </div>
            
    </div>
    
    <footer>
        <div class="container m_content">
            <div class="row">
                <div class="row">
                    <div class="col-md-4 col-sm-12">
                             <span class="">下载M-音乐客户端</span>                           
                             
                                     
                                <div class="m_cont">
                                   <div><a href="#">&#xe8c4;</a><span>pc版</span></div>
                                   <div><a href="#">&#xe64d;</a><span>安卓版</span></div>
                                   <div><a href="#">&#xe63d;</a><span>苹果版</span></div>
                                   
                            </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <span>协议与声明</span>
                           <div class="m_agreement">
                                <span>用户与服务协议</span>
                                <span>免责声明</span>
                                <span>隐私政策</span>
                                <span>权利声明</span>  
                           </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <span>其他</span>
                        <div class="m_more">
                             <span>联系我们</span>
                             <span>腾讯音乐</span>
                             <span>诚聘英才</span>
                             <span>广告服务</span>
                             <span>网上有害信息举报专所</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12">
                      <div>
                          <span>
                            四川知了科技有限公司所有1网络文化经营许可证:京网文[2015]0525-205号1 信 息网络传播视听节目许可证0109362号1增值电信业务经营许可证B2 -20090418 I京ICP证
                            <br>060261号                            
                          </span>
                          <span>广播电视节目制作经营许可证京字第2037号|营 业性演出许可证京市演15741京公网安备 11010502030216号1京CP备09014827号
                        </span>
                          <span>举报电话: 010-879399491举报邮箱 : support@kuwo.cn
                        </span>
                          
                      </div>
                </div>

            </div>
        </div>
        
    </footer>

    <script>
        
    </script>
</body>

<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

</html>